<div ng-controller="userRolesController">
<div class="modal fade in ip-box" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true" id="add">
	<div class="modal-dialog " role="document" >
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title" id="myModalLabel">角色组管理 — 新增</h4>
			</div>
			<div class="modal-body">

                            <form name="userAdd_form">

                                <div class="overflow-hide form-group">
                                    <label class="col-xs-12 col-sm-3 control-label text-right">角色组名称：</label>
                                    <div class="col-xs-12 col-sm-9">
                                        <input type="text" 
                                               name="roleGroupName"
                                               class="form-control" 
                                               autocomplete="off"
                                               ng-minlength="2" 
                                               ng-maxlength="20"  
                                               ng-model="newlyAddedRoleGroupName"
                                               required 
                                        />
                                        <label class="red required">*</label>
                                        <div class="error" ng-show="userAdd_form.roleGroupName.$dirty && userAdd_form.roleGroupName.$invalid">
                    					    <small class="error" ng-show="userAdd_form.roleGroupName.$error.required">请输入角色组名</small>
                    					    <small class="error" ng-show="userAdd_form.roleGroupName.$error.minlength">角色组名长度在2-20之间</small>
                    					    <small class="error" ng-show=" userAdd_form.roleGroupName.$error.maxlength">角色组名长度在2-20之间</small>
                    				    </div>
                                    </div>       
                                </div>
                          
                                <div class="form-group height-auto">
                                    <label class="col-xs-12 col-sm-3 control-label text-right">描述：</label>
                                    <div class="col-xs-12 col-sm-9">
                                        <textarea rows="5" type="text" name="description" class="form-control" ng-model="newlyAddedDescription"/></textarea>
                                    </div>
                                </div>

                        	</form>
                            
                            <div class="clearfix"></div>

                            <div class=" height-auto">
                                <div class="col-xs-12 col-sm-12">
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-primary" ng-disabled="userAdd_form.$invalid"  
                                                ng-click="add()"
                                                >新增
                                        </button>
                                    </div>
                                </div>
                            </div>

                        </div>
                    <!-- 新增内容 END -->

                </div>
            </div>

        </div>
  </div>
</div>
